<html>

<head>
    <meta charset="UTF-8">
    <title>表格及表单元素练习</title>
</head>

<body>
    <h1>表格及表单元素练习</h1>
    <h2>表格</h2>
    <table border="1">
        <caption>
            <p>表格标题</p>
        </caption>
        <tr>
            <th>1-1</th>
            <th>1-2</th>
            <th>1-3</th>
        </tr>
        <tr>
            <td>2-1</td>
            <td>2-2</td>
            <td>2-3</td>
        </tr>
        <tr>
            <td>3-1</td>
            <td>3-2</td>
            <td>3-3</td>
        </tr>
    </table>
    <h2>表单</h2>
    <h3>百度搜索</h3>
    <form action="https://www.baidu.com/s">
        <input type="text" name='wd'>
        <input type="submit" value="搜索">
    </form>
    <h3>京东搜索</h3>
    <form action="https://search.jd.com/Search">
        <label for="">请输入商品信息</label>
        <input type="text" name='keyword' placeholder="请输入商品信息">
        <input type="submit" value="搜索">
    </form>
    <h3>注册表单</h3>
    <form action="https://www.baidu.com/s">
        <label>邮箱</label>
        <input type="email" name='email' placeholder="请输入您常用的邮箱">
        <label>密码</label>
        <input type="password" name='password1' placeholder="请输入密码">
        <label>再次确认密码</label>
        <input type="password" name='password2' placeholder="请输入密码">
        <input type="radio" name="sex" id="" value="男性">男性
        <input type="radio" name="sex" id="" value="女性">女性
        <input type="date">
        <input type="submit" value="注册">
    </form>
</body>

</html>
